@charset "utf-8"; /* CSS Document */ body{background:#fff;} .wrap{max-width:1680px;width:100%; margin:0 auto; zoom:1;} .wrap:after,.wrap:before{display:table; content:'';} .wrap:after{clear:both;} .textOver{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .over{overflow: hidden;} .alC{text-align: center;} .alL{text-align: left;} .alR{text-align: right;} .picCenter {text-align: center;} .picCenter span {display: inline-block;height: 100%;vertical-align: middle;} .trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;} .img img{width: 100%;} .clean{zoom:1;} .clean:after, clean:before{display:table; content:'';} .clean:after{clear:both;} /*@font-face{font-family: 'fzltcxh';src: url(/fonts/.ttf);}*/ .w_detail{} .w_detail .title{font-size: 1.5rem;color:#000;padding:40px 0 0;} .w_detail .content{padding:4% 0;} .w_detail .content span{font-size: inherit;font-family: inherit;} .banner a{display:inline-block;/*height:460px;*/width:100%;} .bannerM{display: none;} .bannerS{display: none;} .slideBox{ width:100%; /*height:57.5rem;*/ overflow:hidden; position:relative; z-index: 999;} .slideBox .hd{ height:15px; overflow:hidden; position:absolute; /*left:49%;*/ bottom:5px; z-index:1; margin-bottom: 18px;width: 100%;} .slideBox .hd ul{ overflow:hidden; zoom:1; display: inline-block; } .slideBox .hd ul li{ float:left; margin-right:9px; width:13px; height:13px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius: 15px;} .slideBox .hd ul li.on{ background:#0167B3; border:1px solid #fff;} .slideBox .bd{ position:relative; z-index:0; } .slideBox .bd li{ zoom:1; max-height: 920px;display: inline-block;height: 100%;width:100%;} .slideBox .bd ul li a{display: inline-block;width:100%;/*height:57.5rem;*/} .slideBox .bd img{ width:100%;margin:0 auto; display:block; } .slideBox .button{position:absolute; top:30%;display:inline-block; width:3.875rem; height:3.895rem;} .slideBox .prev{ background:url(/images/zm_l.png) center no-repeat;left:3%;} .slideBox .next{ background:url(/images/zm_r.png) center no-repeat; right:3%;} .slideBoxMob{display: none;} .slideBoxMob{ position:relative; overflow:hidden; max-width:640px;/* 璁剧疆鐒︾偣鍥炬渶澶у搴 */ } .slideBoxMob .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; } .slideBoxMob .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px; } .slideBoxMob .hd li.on{ background:#fff; } .slideBoxMob .bd{ position:relative; z-index:0; } .slideBoxMob .bd li{ position:relative; text-align:center; width: 100%;} .slideBox2{ width:100%; /*height:57.5rem;*/ overflow:hidden; position:relative; z-index: 999;} .slideBox2 .hd{ height:15px; overflow:hidden; position:absolute; /*left:49%;*/ bottom:5px; z-index:1; margin-bottom: 18px;width: 100%;} .slideBox2 .hd ul{ overflow:hidden; zoom:1; display: inline-block; } .slideBox2 .hd ul li{ float:left; margin-right:9px; width:13px; height:13px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius: 15px;} .slideBox2 .hd ul li.on{ background:#0167B3; border:1px solid #fff;} .slideBox2 .bd{ position:relative; z-index:0; } .slideBox2 .bd li{ zoom:1; max-height: 920px;display: inline-block;height: 100%;} .slideBox2 .bd ul li a{display: inline-block;width:100%;/*height:57.5rem;*/} .slideBox2 .bd img{ width:100%;margin:0 auto; display:block; } .slideBox2 .button{position:absolute; top:30%;display:inline-block; width:3.875rem; height:3.895rem;} .slideBox2 .prev{ background:url(/images/zm_l.png) center no-repeat;left:3%;} .slideBox2 .next{ background:url(/images/zm_r.png) center no-repeat; right:3%;} .slideBoxMob2{display: none;} .slideBoxMob2{ position:relative; overflow:hidden; max-width:640px;/* 璁剧疆鐒︾偣鍥炬渶澶у搴 */ } .slideBoxMob2 .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; } .slideBoxMob2 .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px; } .slideBoxMob2 .hd li.on{ background:#fff; } .slideBoxMob2 .bd{ position:relative; z-index:0; } .slideBoxMob2 .bd li{ position:relative; text-align:center; width: 100%;} .hPosi{ height:4.437rem;} .head{padding: 10px 0 0;/*box-shadow: 0px 5px 2px #EEE;*/z-index: 1000;position: fixed;top: 0;left: 0;width: 100%;z-index:10000; background:#fff;} .head .lg{width:12%;margin-left: 2.31rem;} .head .ch_lang{} .head .ch_lang a{display: inline-block;/*font-size: .7rem;padding:.5rem;*/font-size: 13px;color: #fff;background: #5877ba;border-radius: 100px;width: 30px;height: 30px;line-height: 30px;margin: 1.2rem .4rem 0 0;text-align: center;} .head .nav{} .head .nav ul{} .head .nav li{float: left;position: relative;z-index: 1000;} .head .nav li .a{height: 4rem;line-height: 4rem;font-size: 1rem;color: #333;width: 152px;display: inline-block;} .head .nav li .a img{vertical-align: middle;} .head .nav li .a:hover{color: #5877ba;} .head .nav li .on{color: #5877ba;} .head .nav li .sNav{position: absolute;left:0;top:100%;z-index: 1000;width: 35.9rem;display: none;} .head .nav li .sNav .list{padding:1.875rem 1.25rem .9rem;min-height: 15.65rem;background: #ededed;width:9.3rem;} .head .nav li .sNav .list div a{display: inline-block;width:8.75rem;border-bottom: 1px solid #cacaca;padding-left: 13px;background: url(/images/sn_icon.png) no-repeat left 30%;padding-bottom: 6%;margin-bottom: 6%;font-size: .75rem;color: #555;} .head .nav li .sNav .list div .isread{ display:inline-block; vertical-align: middle; width:5px; height:5px; background:#F00; border-radius:20px;} .head .nav li .sNav .tw{padding:1.875rem 1.562rem 1.562rem;background: #fff;min-height: 15rem;width: 20.968rem;} .head .nav li .sNav .tw .img{width: 20.937rem;height: 10.625rem;margin-bottom: 2%;} .head .nav li .sNav .tw .img a{display: inline-block;} .head .nav li .sNav .tw .w .t1{font-size: 14px;margin-bottom: 2%;} .head .nav li .sNav .tw .w .b{font-size: 12px;color: #888;line-height: 18px;} .head .nav li:hover .sNav{display: block;} .head .nav li .Crln{right: 0;left: inherit;} .n_list{display: none;width: 2rem;margin-top: .8rem;margin-right: 2%;} .m_nav{position: absolute;top:100%;left: 0;background: #ededed;display: none;width: 100%;} .m_nav a{color: #555;font-size: 1.6rem;padding:2.5% 0;display: inline-block;width: 100%;border-bottom: 1px dashed #D8D8D8;} .bannerOt{display: block;} .bannerMob{display: none;} .bannerPad{display: none;} .dream{} .dream .iT{font-size: 2.25rem;color: #333;padding:1.5rem 0 3.6rem;} /* focus_Box */ #focus_Box{position:relative;width:43%;height:420px;margin:0 auto; margin-bottom:3%;} #focus_Box ul{position:relative;width:870px;height:420px} #focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)} #focus_Box li img{width:100%;background:url(/images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top} #focus_Box li div{position:absolute;left:0;bottom:0px;width:100%;height:3.625rem;line-height:3.625rem;text-indent:8px;color:#fff;background:url(/images/float-bg.png) repeat;/*display: none;*/} #focus_Box li div span{font-size: 1.25rem;} #focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:62px;height:62px;top:37%;} #focus_Box .prev{background:url(/images/zm_l.png) left bottom no-repeat;left:-19.625rem;} #focus_Box .next{background:url(/images/zm_r.png) right bottom no-repeat;right:-19.625rem;} .picScroll-left{ width:100%; overflow:hidden; position:relative;display: none;} .picScroll-left .hdPrev,.picScroll-left .hdNext{ overflow:hidden; } .picScroll-left .hdPrev,.picScroll-left .hdNext{position: absolute;top:50%;} .picScroll-left .hdPrev{left:7px;} .picScroll-left .hdNext{right:7px;z-index: 1000;} .picScroll-left .button{display:block; width:1.5rem; height:1.5rem; float:right;overflow:hidden;cursor:pointer;} .picScroll-left .bd{ padding:4% 3%;} .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .picScroll-left .bd ul li{width:45%;margin: 0 1rem;float:left; _display:inline; overflow:hidden; text-align:center; position: relative;} .picScroll-left .bd ul li div{background:url(/images/float-bg.png) repeat;padding:1% 0;position: absolute;bottom: 0;width: 100%;color:#fff;font-size: 1.2rem;} .iInfo{} .iInfo .iT{font-size: 2rem;padding:2% 0;} .iInfo .iT a{font-size: 2rem;} .iInfo .box{width:20.91%;padding:5% 2% 0 2%;border: 1px solid #e1e1e1;border-left: none;height:20rem;position: relative;} .iInfo .box .Lvw{position: absolute;top:0;left:0;width: 90%;padding: 5%;/*height: 100%;*/z-index: 501;} .iInfo .box .Imgbg{display: none;width: 100%;height: 100%;position: absolute;top:0;left:0;z-index: 499; } .iInfo .box .to{font-weight: bold;font-size: 1.375rem;color: #333;} .iInfo .box .t{margin-top: 2%;width: 97%;} .iInfo .box .t a{font-size: 1.125rem;color: #555;} .iInfo .box .d{font-size: 1rem;color: #888;margin-top: 2%;} .iInfo .box .b{font-size: .875rem; color: #555;line-height: 180%;margin-top: 3%;height: 8rem;} .iInfo .box .m{font-size: .875rem;color: #888;border:1px solid #d5d5d5;padding: .5rem 0px;margin-top: 2%;border-radius: 5px;display: inline-block;width: 33%;} .iInfo .box .m span{vertical-align: middle;margin-left: 2%;} .iInfo .box .m1{display: inline-block;} .iInfo .box .m2{display: none;} /*.iInfo .box:hover{background: url(/images/float-bg.png) repeat;}*/ .iInfo .whWo .to{color: #fff;} .iInfo .whWo .t{color: #fff;} .iInfo .whWo .t a{color: #fff;} .iInfo .whWo .d{color: #fff;} .iInfo .whWo .b{color: #fff;} .iInfo .box .mOn{color: #5877b8;background: #fff;} /*.iInfo .box:hover .m2{display: inline-block} .iInfo .box:hover .m1{display: none}*/ .iInfo .box .bg{background: url(/images/float-bg.png) repeat;position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: 500;display: none} .iInfo .box:hover .Imgbg{/*display: block;*/} .foot{background: #393939;padding:5% 0;} .foot .box{width: 88%;} .foot ul{float: left;width: 15%;} .foot ul li{font-size: 1rem;color: #fff;margin-bottom: 1rem;} .foot ul li a{font-size: .875rem;color: #fff;padding-left: 1rem;display: inline-block;} .foot ul li a:hover{color: #5877ba;} .foot .ew .w{font-size: 1rem;color: #fff;margin-bottom: 1rem;} .foot .ewB{background: url(/images/ewBg.png) no-repeat center;width: 13rem;height: 12.1rem;} .foot .ewB img{width:67%;} .foot ul:first-child{margin-left:7%;} .foot .m_box{display: none;} .foot .kC{display: none;clear:both;} .aCate{padding:1rem 0;border-bottom: 1px solid #eaeaea;} .aCate .left{} .aCate .left a{margin-right: 2.125rem;font-size: 1rem;color: #555555;display: inline-block;padding:.875rem 1rem;} .aCate .left .on{color: #fff;background: #5877ba;} .aCate .fr {font-size: .875rem;color: #555;color: #555; margin-top: 1rem;} .aCate .fr a{font-size: .875rem;color: #555;} .adv{} .adv .na{padding:5% 0;} .adv .Bbox .img{width: 50%;} .adv .Bbox .wo{width:42%;padding:4%;} .adv .Bbox .t{font-size: 2rem;color: #5877ba;margin: 0 0 2.5rem;/*3.125rem*/} .adv .Bbox .b{font-size: 1rem;color: #555;line-height: 35px;} .adv .Bbox .m{margin-top: 2.5rem;} .adv .Bbox .m a{font-size: 1rem;color: #555;} .picScroll-left2{ max-width:1200px; width:100%; position:relative; margin-bottom: 5%;} .picScroll-left2 .hdPrev,.picScroll-left2 .hdNext{ position: absolute;top:35%;overflow:hidden; } .picScroll-left2 .hdPrev{left:-2rem;z-index: 1000;} .picScroll-left2 .hdNext{right:-2rem;z-index: 1000;} .picScroll-left2 .button{display:block; width:2.25rem; height:2.25rem; float:right;overflow:hidden;cursor:pointer;} .picScroll-left2 .prev{} .picScroll-left2 .next{} .picScroll-left2 .bd{} .picScroll-left2 .bd ul{ overflow:hidden; zoom:1; } .picScroll-left2 .bd ul li{width: 23%; margin:0 1%; float:left; _display:inline; overflow:hidden; text-align:center; } .picScroll-left2 .bd ul li .t{font-size: .875rem;color: #555;margin-top: 2%;} .picScroll-left3{ max-width:1200px; width:100%; position:relative; margin-bottom: 5%;} .picScroll-left3 .hdPrev,.picScroll-left3 .hdNext{ position: absolute;top:35%;overflow:hidden; } .picScroll-left3 .hdPrev{left:-2rem;z-index: 1000;} .picScroll-left3 .hdNext{right:-2rem;z-index: 1000;} .picScroll-left3 .button{display:block; width:2.25rem; height:2.25rem; float:right;overflow:hidden;cursor:pointer;} .picScroll-left3 .prev{} .picScroll-left3 .next{} .picScroll-left3 .bd{} .picScroll-left3 .bd ul{ overflow:hidden; zoom:1; } .picScroll-left3 .bd ul li{width: 29%; margin:0 2%; float:left; _display:inline; overflow:hidden; text-align:center; } .picScroll-left3 .bd ul li .t{font-size: .875rem;color: #555;margin-top: 2%;} .picScroll-left4{ max-width:1200px; width:100%; position:relative; margin-bottom: 5%;} .picScroll-left4 .hdPrev,.picScroll-left4 .hdNext{ position: absolute;top:35%;overflow:hidden; } .picScroll-left4 .hdPrev{left:-2rem;z-index: 1000;} .picScroll-left4 .hdNext{right:-2rem;z-index: 1000;} .picScroll-left4 .button{display:block; width:2.25rem; height:2.25rem; float:right;overflow:hidden;cursor:pointer;} .picScroll-left4 .prev{} .picScroll-left4 .next{} .picScroll-left4 .bd{} .picScroll-left4 .bd ul{ overflow:hidden; zoom:1; } .picScroll-left4 .bd ul li{width: 23%; margin:0 1%; float:left; _display:inline; overflow:hidden; text-align:center; } .picScroll-left4 .bd ul li .t{font-size: .875rem;color: #555;margin-top: 2%;} .advWrap{max-width:1200px;width:100%; margin:0 auto; zoom:1;} .adv .advBt{font-size: 1.375em;color: #5877ba;padding:1.25rem 0;padding-left: 1%;} .article .advBt{font-size: 1.375em;color: #5877ba;padding:1.25rem 0;padding-left: 1%;} .cusCate{margin-bottom:1rem;} .cusCate span{padding:.8rem 1rem;background: #d5d5d5;color: #888;display: inline-block;cursor: pointer;} .cusCate .on{color: #fff;background: #5877ba;} .customer{min-height: 10rem;} .customer .box{width: 23%;margin-right: 1%;float: left;padding:2% 0;border:1px solid #dddddd;height: 6rem;margin: 2% 0;margin-right: 1.5%;} .article{ padding-bottom:4rem;} .article .artT{margin:5% 0;} .article .artT .t1{font-size: 1.75rem;color: #888;margin-bottom: 1.25rem;font-family: "Times New Roman";} .article .artT .t2{font-size: 1.25rem;color: #333;} .article .box1{padding: 0px 2%;} .article .box2{background: #ebebeb;padding: .1rem 0 6rem; margin-top:5%;} .article .box4{ margin-top:95px;} .picScroll-left5{ max-width:1200px; width:100%; position:relative; margin-bottom: 5%;} .picScroll-left5 .hdPrev,.picScroll-left5 .hdNext{ position: absolute;top:47%;overflow:hidden; } .picScroll-left5 .hdPrev{left:-2rem;z-index: 1000;} .picScroll-left5 .hdNext{right:-2rem;z-index: 1000;} .picScroll-left5 .button{display:block; width:2.25rem; height:2.25rem; float:right;overflow:hidden;cursor:pointer;} .picScroll-left5 .prev{} .picScroll-left5 .next{} .picScroll-left5 .bd{} .picScroll-left5 .bd ul{ overflow:hidden; zoom:1; } .picScroll-left5 .bd ul li{width: 100%; float:left; _display:inline; overflow:hidden; text-align:center; } .picScroll-left5 .bd ul li .pic{width:31%;margin:2% 1%; max-height:17.68rem;} .picScroll-left5 .bd ul li .pic a{box-shadow: 0px 0px 10px #838383;padding:5px; display:inline-block;} .picScroll-left5 .bd ul li .t{font-size: .875rem;color: #555;margin-top: 2%;} .article .box5{padding-top: .5rem;margin-top: 5%;} .article .box5 .artT{margin:2rem 0;} .picScroll-left6{ max-width:1200px; width:100%; position:relative;} .picScroll-left6 .bd{} .picScroll-left6 .bd ul{ overflow:hidden; zoom:1; } .picScroll-left6 .bd ul li{width: 23%;margin:0 .9%; float:left; _display:inline; overflow:hidden; } .picScroll-left6 .bd ul li .pic{width:100%;} .picScroll-left6 .bd ul li .w{padding:2% 1.5%;background: #fff;} .picScroll-left6 .bd ul li .t a{font-size: 1rem;color: #000;} .picScroll-left6 .bd ul li .d{font-size: .825rem;color: #888888;margin: .5rem 0;} .picScroll-left6 .bd ul li .over{font-size: .825rem;color: #555555;line-height: 200%;height: 5rem;} .picScroll-left6 .hd ul{ overflow:hidden; zoom:1; display: inline-block; margin: 2rem 0;} .picScroll-left6 .hd ul li{ float:left; margin-right:9px; width:13px; height:13px; line-height:14px; text-align:center; background:#c4c4c4; cursor:pointer; border-radius: 15px;color: #c4c4c4;} .picScroll-left6 .hd ul li.on{ background:#5877ba; color:#5877ba;} .float_po{ position:fixed; top:50%; right:1%; margin-top:-140px; z-index:1400; width:43px; } .float_po li{ background:url(/images/float_pobd.png) no-repeat; position:relative; position:relative; width:43px; height:40px;} .float_poName{ display:none; background:url(/images/float_poNbd.png) no-repeat; position:absolute; top:-15px; left:0; z-index:30; width:43px; height:43px;} .float_poName a{ display:block; padding:9px 9px 0 9px; color:#FFF; font-size:12px; font-weight:bold; line-height:14px; width:25px; height:34px; text-align:center;} .float_poClick a{ display:block; width:43px; height:43px; font-size:0; text-indent:-9999;} .float_po li.cur .float_poName{ display:block;} .float_po li a{ cursor:pointer;} .float_poLine{ background:url(/images/float_poline.png) no-repeat; position:absolute; left:0; bottom:0; width:43px; height:27px;} .box6_detail{padding:4.375rem 0;} .box6_detail .dT{font-size: 1.375rem;color: #fff;} .box6_detail .dd{font-size: .825rem;color: #fff;margin:2% 0 3%;} .box6_detail .over{background: #fff;padding:5% 4% 1%;} .box6_detail .over .content{min-height: 25rem;} .box6_detail .over .updo{border-top: 1px solid #dddddd;padding:2% 0;margin-top: 4%;} .box6_detail .over .updo .right a{display: inline-block;border:1px solid #dddddd;border-radius: 15px;padding:7% 1rem;} .box6_detail .over .updo .right a img{margin-right: .4rem;} .article .box2 .his{} .article .box2 .his .box{width: 100%;margin-bottom: 6%;} .article .box2 .his .box .img{width: 45%;margin-right: 5%;} .article .box2 .his .box .ti{width: 40%;} .article .box2 .his .box .ti .y{color: #5877ba;font-size: 2.625rem;} .article .box2 .his .box .ti .y span{display: inline-block;border-left: 3px solid #5877ba;margin-right: 1rem;height: 2rem;vertical-align: initial;} .article .box2 .his .box .ti .c{font-size: 1.375em;color: #555;line-height: 180%;} .time_line{border-bottom: 1px dashed #b2b2b2;height: 8px;position: relative;} .time_line .box{background: url(/images/t_line.jpg) no-repeat center top;padding-top: 2rem;font-size: 1.7rem;color: #888;padding-top: 16px;cursor:pointer;} .time_line .on{color: #5877ba;} .time_line .but{width: 16px;height: 16px;position: absolute;top:0;cursor: pointer;} .time_line .lBut{left:0;} .time_line .rBut{right: 0;} .index_pro{} .index_pro .CateT{font-size: 1.75rem;padding:1.75rem 0 1.625rem;padding-left: 1%;} .index_pro .CateT span{display: inline-block;border-left: 3px solid #5877ba;margin-right: .5rem;height: 1.5rem;vertical-align: middle;} .index_pro .CateT a{color: #888;font-size: 1rem;float: right;margin-right: 1%;} .index_pro .box{margin-bottom:2rem;} .index_pro .box .imgBox{width: 50%;} .index_pro .box .imgBox .iBox{width:49.5%;position: relative;cursor: pointer;} .index_pro .box .imgBox .iBox .picCenter{height: 16.25rem;} .index_pro .box .imgBox .bg{display: none;position: absolute;top:0;left:0;} .index_pro .box .imgBox .bg .t{ font-size:1rem; color:#fff; margin:13% 0 24%;} .index_pro .box .imgBox .bg .m span{color: #fff;border:1px solid #fff;display: inline-block;padding:1.5% 4%;} .index_pro .box .imgBox .bg .m span img{margin-left: .5rem;} .index_pro .box .imgBox .on .bg{display: inline-block; width: 100%;height: 100%;background: url(/images/float-bg.png) repeat;} .index_pro .box .desc{width: 50%;background: #5877ba;} .index_pro .box .desc .wBox{padding:13% 8% 0;height: 27.625rem;} .index_pro .box .desc .wBox .t{color: #fff;font-size: 1.75rem;} .index_pro .box .desc .wBox .t span{border-bottom: 3px solid #fff;margin-bottom: 3%;height: 1px;display: inline-block;width: 3rem;} .index_pro .box .desc .wBox .b{font-size: 1rem;color: #fff;margin:5% 0 7%;line-height: 175%;min-height: 14rem; overflow:hidden;} .index_pro .box .desc .wBox .m{} .index_pro .box .desc .wBox .m a{color: #fff;border:1px solid #fff;display: inline-block;padding:1.5% 4%;} .index_pro .box .desc .wBox .m a img{margin-left: .5rem;} .pro_list{padding: 2rem 0;} .pro_menu{margin-right: 4%;z-index: 1000001;width: 18%;} .pro_menu .Mtop{color: #fff;font-size: 1.75rem;background:#5877ba url(/images/pMenu_bg.png) no-repeat 10% center;padding:1.625rem 1.5rem 1.625rem;} .pro_menu .Mtop span{font-family: "Times New Roman";} .pro_menu .list{} .pro_menu .list .fCate{padding:6% 0 6% 6%;border-bottom: 1px solid #dcdcdc;} .pro_menu .list .fCate a{font-size: 1rem;color: #000;} .pro_menu .list .fCate .on{color:#5877BA;} .pro_menu .list .fCate span{float: right;margin-right: 1%;color: #868686;font-size: 1.2rem;} .pro_menu .list .on{ color:#5877BA;} .pro_menu .list .on a{color:#5877BA;} .pro_menu .list .sCate{border-bottom: 1px solid #dcdcdc;padding:2% 0;} .pro_menu .list .sCate div{margin:7% 0; padding-left: 12%;} .pro_menu .list .sCate div a{font-size: .875rem;color: #000;} .pro_menu .list .sCate .on a{color:#5877BA;} .mMenu{display: none;background: rgba( 104, 157, 221, 0.6 );position: fixed;border-radius: 80px;width: 6%;padding: 5px 6px 5px 23px;left: -26px;top:30%;z-index: 1000002;} .Mtop .close{display: none;} .bMask{background: url(/images/mask_bg.png) repeat;position: fixed;z-index: 100000;height: 100%;width: 100%;display: none;top:0;left:0;} .pro_list .row{width: 77%;} .pro_list .row .t{width: 100%;font-size: 1rem;color: #000;border-bottom: 1px solid #d2d2d2;padding-bottom: 1rem;margin-bottom: 4%;} .pro_list .row .t span{border-right:3px solid #5877ba;margin-right: 1rem;} .pro_list .row .t .fr {font-size: .875rem;color: #555;color: #555;} .pro_list .row .t .fr a{font-size: .875rem;color: #555;} .pro_list .row .pro{} .pro_list .row .pro .box{width:48%;margin-bottom: 4%;} .pro_list .row .pro .box .picCenter{border:1px solid #dcdcdc; display:block;} .pro_list .row .pro .box .ti{ padding-top:3%;} .pro_list .row .pro .box .ti a{ font-size:1rem;} .pro_list .row .pro .proTab{margin-bottom:2%;} .pro_list .row .pro .proTab span{ display:inline-block; padding:7px 15px; border:1px solid #5877BA; color:#5877BA; font-size:14px; margin-right:2%; cursor:pointer;margin-bottom: 1%;} .pro_list .row .pro .proTab .on{ background:#5877BA; color:#fff;} .pro_list .row .pro .proIg{border:1px solid #DCDCDC;margin-bottom:5%;} .pro_list .row .pro .proIg .igB{ display:none;} .pro_list .row .pro .procList{margin: 3% 0;} .pro_list .row .pro .procList .lbox{ margin-bottom:2%;} .pro_list .row .pro .procList .lbox .picCenter{ width:33%;height:160px; margin-right:2%;} .pro_list .row .pro .procList .lbox .w{width: 65%;} .pro_list .row .pro .procList .lbox .w .t2{ font-size:15px; margin-bottom:1%;} .pro_list .row .pro .procList .lbox .w .over{ font-size:13px; line-height:190%;max-height: 130px;} .pro_detail .row{margin-bottom: 5%;} .proImg{width:95%;margin:1.75rem 0 2.5rem;} .proImg .bImg{width:100%;/*height: 21.25rem;*/} .proImg .bImg .bft{ font-size:1rem; padding-top:2rem; line-height:180%;width: 90%;text-align: center;margin: 0 auto;} .proImg .pos{position:relative;display: inline-block;} .picScroll-top{ margin:0 auto; width:11.25rem; height: 24.4rem; overflow:hidden; margin-top: 20px;} .picScroll-top { } .picScroll-top .button{display:block; width:18px; height:18px;cursor:pointer;position: absolute;left:45%;} .picScroll-top .prev{ background:url(/images/proD_t.png) center no-repeat;top:-2px;} .picScroll-top .next{ background:url(/images/proD_b.png) center no-repeat;bottom: 3px;} .picScroll-top .bd{} .picScroll-top .bd ul{ overflow:hidden; zoom:1; } .picScroll-top .bd ul li{ text-align:center; zoom:1;margin-bottom:5px;cursor: pointer;margin-bottom: 3%;overflow:hidden;} .picScroll-top .bd ul li .picCenter{border:1px solid #fff;height: 7rem;} .w_detail .picScroll-top .bd ul .on{border:1px solid #6883be;} .txtScroll-left2{ width:100%; position:relative; margin-bottom: 1.2rem;} .txtScroll-left2 .hd{ overflow:hidden; height:1.5rem;padding-top: .7rem; text-align: center;} .txtScroll-left2 .hd ul{ overflow:hidden; zoom:1;display: inline-block; } .txtScroll-left2 .hd ul li{ float:left; width:13px; height:13px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#c9c9c9; border-radius: 1rem;} .txtScroll-left2 .hd ul li.on{ background:#fff; border:1px solid #c9c9c9;} .txtScroll-left2 .bd{ width:100%; overflow:hidden; } .txtScroll-left2 .bd ul{ overflow:hidden; zoom:1; } .txtScroll-left2 .bd ul li{ float:left;width:100%;} .ibox1{width:100%;} .ibox1 .picCenter{margin-right: 3%;width: 30%;height: 10rem;} .ibox1 .detail{width:67%;} .ibox1 .textOver{margin-bottom: 2%;} .ibox1 .textOver a{font-size:1rem;color:#000;} .ibox1 .date{font-size:.825rem;color:#888;margin-bottom: 2%;} .ibox1 .over{font-size:.825rem;color:#555;line-height: 180%;height: 4.8rem;} .ibox1 .more{font-size:.825rem;color:#555;display: inline-block;padding:2% 5%;background: #fff url(/images/inMore.png) no-repeat 90% center;border:1px solid #e3e3e3;margin-top: 3%;} .info .ifbox2{width: 100%;padding: 1% 0 2%;border-bottom: 1px dashed #bcbcbc;} .info .ifbox2 .date{width:80px;padding:7px 0;} .info .ifbox2 .date .day{font-size: 2.625rem;color: #888888;font-weight: bold;} .info .ifbox2 .date .m{font-size: 1rem;color: #888888;} .info .ifbox2 .date .y{font-size: .825rem;color: #888888;} .info .ifbox2 .d{width:85%;margin-top: .7rem;} .info .ifbox2 .d .t{font-size: 1rem;color: #333333;margin-bottom: 1%;padding-bottom:1%;border-bottom: 1px dashed #bcbcbc;} .info .ifbox2 .d .b{font-size: .75rem;color: #888888;line-height: 176%;} /*.info .ifbox2:hover{background: #e1e1e1;}*/ .info .cm{width:100%;display: inline-block;background: #e1e1e1;padding:17px 0;margin-top: 15px;font-size: .825rem;color: #555;} .info .content img{width:100%!important;height:100% !important; } .info .detail_page{} .info .detail_page ul li{font-size:1.2rem;margin:3% 0;} .info .detail_page ul li a{font-size:1.2rem;} .info_list .row #turn_page{margin: 5% 0;} .inv{padding:3% 0 7%;} .invIndex .t{width: 100%;font-size: 1rem;color: #000;border-bottom: 1px solid #d2d2d2;padding-bottom: .7rem;margin-bottom: 4%;} .invIndex .t span{border-right:3px solid #5877ba;margin-right: 1rem;} .invIndex .t .fr {font-size: .875rem;color: #555;} .invIndex .t .fr a{font-size: .875rem;color: #888888;} .invB1{width: 69%;margin-right: 4%;} .invB2{width: 27%;} .invIndex .invt1{width: 100%;margin-bottom: 1rem;} .invIndex .invt1 .v2Box{width:100%;margin:0 auto 1.5%;} .invIndex .invt1 .v2Box img{vertical-align: super;} .invIndex .invt1 .v2Box a{font-size: .825rem;color: #555;width: 79%;display: inline-block;} .invIndex .invt1 .v2Box span{font-size: .825rem;color: #888;margin-right: 2%;} .invIndex .invt2{width: 100%;margin-top: 3%;} .invIndex .invt2 .left{width: 48%;} .invt2 .v2Box{margin-bottom: 2.5%;} .invt2 .v2Box img{vertical-align: super;} .invt2 .v2Box a{font-size: .825rem;color: #555;display: inline-block;width: 93%;} .invB2 .rb1{width: 98%; margin-bottom:5%;} .invB2 .rb1 .w{ font-size:.825rem; line-height:170%;} .pro_list .instan{width:75%;} .pro_list .instan .cont{} .pro_list .instan .cont .title{font-size: 1.5rem;padding: 0 0 4%;} .g10Row{margin:5% 0 25%;} .g10Row .box1{width: 100%;margin-bottom: 4%;} .g10Row .box1 .picCenter{width: 45%;margin-right: 3%;} .g10Row .box1 .w{width: 50%;} .g10Row .box1 .w .t{font-size: 1.75rem;color: #5877ba;margin:4% 0 2%;} .g10Row .box1 .w .b{font-size: .875rem;color: #555;line-height: 220%;} .g10Row .box1 .w .m{margin-top: 6%;} .g10Row .box1 .w .m a{font-size: .875rem;display: inline-block;border:1px solid #dddddd;padding:0.625rem 1.5rem;} .g10Row .box2{width:32%;} .fc{} .fc .box{width:32%;margin-bottom: 4%;} .fc .box .img{ } .fc .box .alC{margin-top: 2%;} .fc .box .alC a{font-size: .875rem;color: #555;} .foot2{background: #525252;padding:1.5% 0 .5%;color: #fff;font-size: .825rem;} .foot2 .fl{padding-left: 3%;} .foot2 .fl span{color: #fff;} .foot2 a{color: #fff;font-size: .825rem;} .iBox6 .tip{ padding:.5% 0; background: #3B3B3B; color:#fff; font-size:13px;} .adre{padding:4% 0 8%;} .adre .list{margin-bottom: 3%;} .adre .list span{padding:1rem;background: #cdcdcd;color: #fff;font-size: 1rem;display: inline-block;cursor: pointer;margin-bottom: 2%;} .adre .list .on{background: #5877ba;} .fback{ margin-bottom:10%;} .fback .bt{font-size: 1.2rem;color: #5877ba;margin-bottom: 2%;} #lib_feedback_form .rows{margin:1% 0;float: left;width: 97%;} #lib_feedback_form .rows label{vertical-align: middle;display: inline-block;margin-right: 2%;} #lib_feedback_form .rows span{display: inline-block;vertical-align: middle;width: 86%;} .form_input{border:1px solid #dbdbdb;width:38%;height: 2rem;} #lib_feedback_form .tArea{width:100%;} #lib_feedback_form .tArea label{margin-right: 2%;} #lib_feedback_form .tArea span{width:90%;} #lib_feedback_form .tArea textarea{width:100%; height:10rem;} #lib_feedback_form .vCode{width: 100%;} #lib_feedback_form .vCode .vcode{width: 120px; margin-right:2%;} #lib_feedback_form .vCode span{ width:77%;} #lib_feedback_form .but{ width:inherit;float: right;} .form_gory_button{ background:#5877ba; color:#fff;height: 2.1rem;width:8rem; font-size:1rem;} .law{ margin-bottom:10%;} .law .box{border-bottom:1px dashed #c8c8c8;padding:2%; margin-bottom:2%;} .law .box .t{ font-size:1rem; color:#5877ba; border-bottom: 1px dashed #c8c8c8;padding-bottom:1%;margin-bottom:1%;} .law .box .b{font-size:.825rem;color:#555555;padding:0 1%; line-height:220%;} .webMap{ background:url(/images/webMap.jpg) no-repeat top center;padding:4.125rem 0 5.3rem;} .webMap .ti{color:#fff; font-size:1.75rem; margin-bottom:1.5rem;} .webMap .ti span{ color:#fff; font-size:.875rem; display:block;margin:.5rem 0;} .webMap .ti b{ border-top:3px solid #fff;width:2.6875rem; height:1px; display:inline-block;} .webMap .list{ background:#fff;padding:5rem 5%;} .webMap .list ul{ float:left; border-right:1px solid #e1e1e1;padding:0 3%; margin-bottom:15%;} .webMap .list ul li:first-child{font-size:1rem;color:#5877ba;margin-bottom:1.3rem;} .webMap .list ul li{ margin-bottom:1.1rem;} .webMap .list ul li a{font-size:.875rem;color:#555555;} .jobFrame{width:100%;height: 55rem;} .job{} .job .t{background:#d7d7d7;padding:1rem 3%;} .job .t div{ font-size:.875rem; } .job .list{} .job .list .box{padding:1rem 3%;} .job .list .box div{ font-size:.875rem; } .job .sch{ margin-bottom:3%;} .job .sch .text{ height:2rem;border:1px solid #dbdbdb; color:#888888; font-size:.75rem; padding-left:1%;width:21%;} .job .sch .sub{ background:#5877ba; color:#fff;font-size:.875rem;padding:0 1rem;height:2rem;border:none;} .job .sch select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url(/images/tri_d.png) no-repeat 90% center;width:24%;color: #888888;font-size: .75rem;border:1px solid #dbdbdb;height: 2rem;padding-left: 2%;} .job .content{} .job .content .ti{ font-size:1rem; color:#5877ba;margin:0 0 4%;} .job .butt{ border-top:1px solid #d2d2d2;margin-top:4%;padding-top:4%;} .job .butt a{font-size:1rem;color:#fff;border-radius:10px; display:inline-block;padding:.75rem 2rem;} .job .butt a:first-child{ background:#5877ba;margin-right:2%;} .job .butt a:last-child{background:#b2b2b2;} /* .slideBox3{ display:none; position:relative; overflow:hidden; margin:0 auto; max-width:640px; margin:1rem 0 2rem;} .slideBox3 .hd{ position:absolute; bottom:4px; z-index:1; text-align: center;width: 100%;} .slideBox3 .hd li{ display:inline-block; width:15px; height:15px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; text-indent:-9999px; overflow:hidden; margin:0 .5rem; border:1px solid #fff; } .slideBox3 .hd li.on{ border:1px solid #5877BA; background:#5877BA; } .slideBox3 .bd{ position:relative; z-index:0; } .slideBox3 .bd li{ position:relative; text-align:center; } .slideBox3 .bd li img{ background:url(images/loading.gif) center center no-repeat; vertical-align:top; }*/ .colorSBox .fl{width:33.3333%;} .colorBox{ display:none;} .colorBox .img{width:33.3333%; height:8.75rem;} .ibanner{position:relative; overflow:hidden; width:100%; margin:0px auto;} .ibanner #banner{width:1000000px; position:absolute; left:0;} .ibanner #banner li{ z-index:1;text-align: center; float:left;} .ibanner .btn{width:4%; position:absolute;top:45%;z-index: 2;} .nx_left{left:2%;} .nx_right{right:2%;} .ibanner img{max-height:none;max-width:none;width:100%;height:100%;} .xx{ position:relative; overflow:hidden;} .xx .box{position:absolute;top:0;left:0;width:1000000px;} .xx .fl{width:33.333%; } .rslides{position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0 auto;} .rslides li{-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;text-align: center;/*max-height: 890px;*/} /*.rslides li img{max-height: 750px;}*/ .rslides li .crow{} .rslides li .crow .cbox{width:33.3%;} .rslides li:first-child {position: relative;display: block;float: left;} .rslides_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 45%;left: 2%;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 58px;width: 57px;background: url(/images/zm_l.png) no-repeat center;background-size: 100% auto;margin-top: -45px;} .rslides_nav.next {right: 2%;background: url(/images/zm_r.png) no-repeat center;background-size: 100% auto;left: auto;} .article .artT{ position:relative} .gmPo{ position:absolute;top:-90px;} .stock{} .stock .tab{ margin-bottom:2%;} .stock .tab span{cursor:pointer;font-size: 1rem;} .stock .tab .on{ color:#5877BA;} .stock .kPic{} .stock .kPic img{ display:none;} #lib_feedback_list{width:100%;} #lib_feedback_list .list{ border-bottom:1px dashed #999999;padding-bottom:1%;margin-bottom:1%;} #lib_feedback_list .face{ color:#9d9b9d;} #lib_feedback_list .txt{} #lib_feedback_list .txt .message{ color:#666666;padding:.8% 0;} #lib_feedback_list .txt .reply{ color:#5877BA;} #lib_feedback_list .txt .reply span{ color:#666666; float:right; margin-left:2%;} .fback #turn_page{margin:2% 0;} .vBox{margin-bottom: 30px;} .carrList .row .content img{ width:100%!important; height:100%!important;} /*960 1024 1200 1280 1440 */ @media only screen and (max-width: 1680px){ .foot .box{width: 85%;} .foot ul{width: 15%;} .adv .Bbox .wo{padding-top:2%;} .foot .ewB{ background:none;width:100%;height:100%;} .foot .ewB img{width:100%;} .foot .ew{ text-align:center;margin-right:2%;width:13%} .picScroll-left5 .bd ul li .pic{ max-height:17.62rem;} #focus_Box{width:50%;} .head .nav li .Crl2{right: 0;left: inherit;} .head .nav li .Crl2 .fl{float: right;} .head .nav li .Crl2 .fr{float: left;} } @media only screen and (max-width: 1600px){ #focus_Box .prev, #focus_Box .next{top: 104%;} #focus_Box .prev{left: 42%;} #focus_Box .next{right: 42%;} #focus_Box{ margin-bottom:9%;width:912px;} } @media only screen and (max-width: 1440px){ .wrap{max-width:1440px;} .head .nav li .a{width: 130px;padding: 0;} .head .nav li .Crl{right: 0;left: inherit;} .head .nav li .Crl .fl{float: right;} .head .nav li .Crl .fr{float: left;} .foot .box{width: 83%;} .foot ul:first-child{margin-left: 3%;} .adv .Bbox .wo{padding-top:1%;} .adv .Bbox .t{margin-bottom: 1rem;} .adv .Bbox .b{height: 9rem;} .adv .Bbox .m{margin-top: 1rem;} } @media only screen and (max-width: 1280px){ .adv .Bbox .b{height: 8rem;} .float_po{display: none;} } @media only screen and (max-width: 1200px){ .head .nav li .a{width:110px;} .head .lg{width: 10rem;} #focus_Box .prev,#focus_Box .next{display: none;} .iInfo .box{width: 45.8%;} .foot ul{width: 16%;} .foot .box{width: 80%;} .adv .Bbox .b{height: 7rem;} .hdPrev,.hdNext{display: none;} .index_pro .box .desc .wBox{padding-top:7%;height: 25.5rem;} .pro_menu{margin-right: 2%;} .pro_list .row{width: 77%;} .advWrap{width: 98%;} /*#lib_feedback_form .but{float: none;}*/ .Sclear{ clear:both;} /*#lib_feedback_form .vCode{width: 99%;} #lib_feedback_form .vCode span{ width:85%;}*/ #pop_info_tips{width:70%!important;} .webMap .list ul{ float:none;margin-bottom: 2%;padding:0;border:none;} .webMap .list ul li:first-child{ float:none; margin-bottom:2%;} .webMap .list ul li{ float:left;margin-right:.7rem;} #focus_Box{display: none;} .picScroll-left{display: block;} .picScroll-left2 .bd ul li{margin: 0px .7%;} .hPosi{height: 5.2rem;} .index_pro .box .imgBox .iBox .picCenter{ height: 14.05rem;} /*.article .Contents img{width:100%!important;height:100%!important;}*/ .picScroll-left5 .bd ul li .pic a img{width:100%;} } @media only screen and (max-width: 1024px){ .head .nav li .a{height: 3.437rem;line-height: 3.437rem;} .head .nav li .sNav{top:3.437rem;} .head .nav li .a{width:105px;} .foot .kC{display: block;} .foot .box{width: 100%; display:block;} .foot .fl ul{width: 94%;margin: 0 3% 3% 4%;} .foot ul li:first-child{border-bottom: 1px solid #7b7b7b;margin-bottom: .5rem;padding-bottom: .5rem;} .foot .m_box{ display:none;} .foot .ew{ float:none;width:100%;} .foot .ewB{width: 22%;margin: 0 auto;} .1stLi{font-size: 1.5rem;} .adv .Bbox .b{height: 6rem;} .adv .Bbox .t{font-size: 1.8rem;} .banner{display: none;} .bannerM{display: block;} .bannerMob{display: none;} .bannerPad{ display:block;} .bannerOt{display: none;} .pro_list .row{width: 73%;} /*.proImg .bImg{width: 71%;}*/ .index_pro .box .desc .wBox{height: 25rem;} .hPosi{height: 4.2rem;} .picScroll-left5 .bd ul li .pic{ max-height:14.812rem;} .index_pro .box .imgBox .iBox .picCenter{ height: 13.6rem;} } @media only screen and (max-width: 960px){ .head .nav{display: none;} .head{padding:1% 0;} .hPosi{height:3.6rem;} .n_list{display: block;} .adv .Bbox .img{width:100%;} .adv .Bbox .wo{width: 92%;margin-top: 3%;} .adv .Bbox .t{font-size: 2.625rem;} .adv .Bbox .b{height: 10rem;line-height: 200%; } .picScroll-left6 .bd ul li .over{ display:none;} .index_pro .box .desc .wBox{height:23.4rem;} .invB1{width:100%;} .invB2{width:100%;margin-top: 4%;} .invB2 .rb1{width: 47%;} .invB2 .rb1:first-child{margin-right: 3%;} /*.invB2 .rb1 img{width: 50%;}*/ .pro_list .row{width: 100%;} .pro_menu{position: fixed;/*right: 100%;*/left:0;z-index: 100001;background: #fff;height: 100%;top: 0;margin:0;display: none;width: 50%;} .pro_menu .list .fCate{padding:6%;} .mMenu{display: inline-block;} .Mtop{position: relative;} .Mtop .close{position: absolute;left: 100%;top:0;display: none;width:16%;} .info .box2 .d{width: 80%;} .pro_list .row .t{width: 96%;padding-left:2%;padding-right:2%;} .index_pro .box .imgBox .iBox .picCenter{ height: 12.73rem;} .time_line .box{font-size: 1.2rem;} .head .ch_lang a{margin-top: .8rem;} } /*320 480 640 768 800*/ @media only screen and (max-width: 835px){ } @media only screen and (max-width: 800px){ .aCate .left{width:100%;} .aCate .fr{width: 100%;margin-bottom: 1rem;} .index_pro .box .desc .wBox{height:19.6rem;} .pro_list .row{width:100%;} .hPosi{height:3.5rem;} .index_pro .box .imgBox .iBox .picCenter{ height: 10.65rem;} .index_pro .box .desc .wBox .b{min-height: 10rem;} } @media only screen and (max-width: 768px){ .index_pro .box .desc .wBox{height:19.1rem;} /*.proImg .bImg{width: 70%;}*/ .foot2 .fl{float: none;padding:none;margin-bottom:2%;} .index_pro .box .imgBox .iBox .picCenter{ height: 10.36rem;} .aCate .left a{margin-right: 2.125rem;} .time_line .box{font-size: 1rem;} } @media only screen and (max-width: 640px){ .ibanner{display: none;} .ibanner2{display: none;} .slideBoxMob{display: block;} .slideBox2{display: none;} .slideBoxMob2{display: block;} .bannerMob{display: block;} .bannerPad{display: none;} .bannerOt{display: none;} .foot .ewB{background: none;} .bannerM{display: none;} .bannerS{display: block;} .rslides,.rslides_nav{ display:none;} .box6_detail .over .content{min-height: 15rem;} .index_pro .box .desc .wBox .t{font-size: 1rem;} .index_pro .box .desc .wBox .b{min-height: 9rem;overflow: hidden;} .index_pro .box .desc .wBox{height:15.9rem;} .proImg{width:96%;padding:0 2%;} /*.proImg .bImg{width: 70%;} /*.proImg{display: none;} .slideBox3{ display:block;} .invIndex .invt1 .v2Box span{display: none;}*/ .g10Row .box1 .picCenter{width: 100%;} .g10Row .box1 .w{width:92%;padding:0 4%;} .g10Row .box2{width: 100%;text-align: center;margin-bottom: 3%;} .hPosi{height:3.4rem;} .colorSBox{ display:none;} .colorBox{ display:block;} .colorBox .img{height: 5rem;} .index_pro .box .imgBox .iBox .picCenter{ height:8.66rem;} .xx{ display:none;} #slideBoxMob .colorBox .img{height: 4.3rem;} .slideBoxMob .hd{bottom: 4rem;} .picScroll-left .button{width: 2.5rem;height: 2.5rem;} .picScroll-left .bd{padding-bottom: 10%;} .picScroll-left .hdPrev, .picScroll-left .hdNext{ display:block;top: 80%;} .picScroll-left .hdPrev{left: 41%;} .picScroll-left .hdNext{right: 41%;} .aCate .left a{margin-right: 1.125rem;} } @media only screen and (max-width: 480px){ .iInfo .box{width: 95.8%;border-bottom: none;} .picScroll-left4 .bd ul li{margin: 0px .2rem;} .cusCate span{margin-bottom: .3rem;} .customer .box{height: 4rem;} .index_pro .box .imgBox .iBox .picCenter{ height: 8.45rem;} .index_pro .box .desc .wBox .b{min-height: 8rem;} .pro_list .row .pro .proTab{} .pro_list .row .pro .proTab span{font-size: 12px;margin-right: 1.5%;padding:5px 12px;} } @media only screen and (max-width: 360px){ .hPosi{height:3.3rem;} .pro_list .row .pro .proTab span{font-size: 12px;margin-right: 1%;padding:5px 9px;} }